// import '../third_party/js/froala_editor.min';
// import '../third_party/js/plugins/align.min';
// import '../third_party/js/plugins/char_counter.min';
// import '../third_party/js/plugins/code_beautifier.min';
// import '../third_party/js/plugins/code_view.min';
// import '../third_party/js/plugins/colors.min';
// import '../third_party/js/plugins/emoticons.min';
// import '../third_party/js/plugins/file.min';
// import '../third_party/js/plugins/font_family.min';
// import '../third_party/js/plugins/image.min';
// import '../third_party/js/plugins/image_manager.min';
// import '../third_party/js/plugins/inline_style.min';
// import '../third_party/js/plugins/line_breaker.min';
// import '../third_party/js/plugins/link.min';
// import '../third_party/js/plugins/lists.min';
// import '../third_party/js/plugins/paragraph_format.min';
// import '../third_party/js/plugins/paragraph_style.min';
// import '../third_party/js/plugins/quote.min';
// import '../third_party/js/plugins/save.min';
// import '../third_party/js/plugins/table.min';
// import '../third_party/js/plugins/video.min';

[
  require('../third_party/js/froala_editor.min.js'),
  require('../third_party/js/plugins/align.min'),
  require('../third_party/js/plugins/colors.min'),
  require('../third_party/js/plugins/font_family.min'),
  require('../third_party/js/plugins/font_size.min'),
  require('../third_party/js/plugins/image.min'),
  require('../third_party/js/plugins/inline_style.min'),
  require('../third_party/js/plugins/line_breaker.min'),
  require('../third_party/js/plugins/link.min'),
  require('../third_party/js/plugins/lists.min'),
  require('../third_party/js/plugins/paragraph_format.min'),
  require('../third_party/js/plugins/paragraph_style.min'),
  require('../third_party/js/plugins/quote.min'),
  require('../third_party/js/plugins/save.min'),
  require('../third_party/js/plugins/table.min'),
  require('../third_party/js/plugins/code_view.min'),
  require('../third_party/js/plugins/emotion'),
  require('../third_party/js/plugins/fullscreen.min')
].forEach(init => init());

import './zh';

import '../third_party/css/froala_editor.css';
import '../third_party/css/froala_style.css';
import '../third_party/css/plugins/char_counter.css';
import '../third_party/css/plugins/code_view.css';
import '../third_party/css/plugins/colors.css';
import '../third_party/css/plugins/emoticons.css';
import '../third_party/css/plugins/emotion.css';
import '../third_party/css/plugins/file.css';
import '../third_party/css/plugins/fullscreen.css';
import '../third_party/css/plugins/image_manager.css';
import '../third_party/css/plugins/image.css';
import '../third_party/css/plugins/line_breaker.css';
import '../third_party/css/plugins/table.css';


import FroalaEditorFunctionality from './froalaEditorFunctionality';
import * as React from 'react';

const FroalaEditor = React.createClass({

  mixins: [FroalaEditorFunctionality],
  render: function() {
    return (
      <this.tag ref='el'>{this.props.children}</this.tag>
    );
  }
});

export default FroalaEditor;